// out: false
@navbar-height: 60px;

@margin-base: 20px;
@margin-md: 10px;
@margin-sm: 5px;

@color-border-light: #f5f6fa;

// ==============breakpoint============

// Extra small screen / phone
@screen-xs: 480px;

// Small screen / tablet
@screen-sm: 576px;

// Medium screen / desktop
@screen-md: 768px;

// Large screen / wide desktop
@screen-lg: 992px;

// Extra large screen / full hd
@screen-xl: 1200px;

// Extra extra large screen / large desktop
@screen-xxl: 1600px;

.mini-scrollbar() {
  &::-webkit-scrollbar {
    width: 12px;
    height: 4px;
  }

  &::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    background-clip: padding-box;
    border-radius: 7px;
    background-color: var(--color-text-4);
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-text-3);
  }
}
